widgets.IATWoojin.wjBarMeter

Widget Description

short: wdkTraining
de:
en: It show you Actual Temperature. Also you can control temperature by touch and drag.

Properties

name type description bindable readOnly required defaultValue localizable
enable Boolean Initial option to enable widget. true false false true false
maxValue Number It is value for upper limit temperature of GraphBar true false false 100 false
minValue Number It is value for lower limit temperature of GraphBar true false false 0 false
permissionOperate RoleCollection restricts operability to users, which have given roles false false false false
permissionView RoleCollection restricts visibility to users, which have given roles false false false false
style StyleReference reference to a style for this widget type true false false default false
tabIndex Integer sets if a widget should have autofocus enabled (0), the order of the focus (>0), or if autofocus should be disabled (-1) false false false -1 false
tooltip String reference to a tooltip for a widget false false false true
value Number It is value for Actual Temperature true false false 50 false
visible Boolean change visibility true false false true false
zIndex UInteger The zIndex property specifies the z-order of a widget and its childs.
When widgets overlap, z-order determines which one covers the other. A widget with a larger zIndex generally covers a widget with a lower one.
The zIndex must be unique within a content.
 false false true false
left Integer absolute position measured from left boundary of parent container false false false false
top Integer absolute position measured from top boundary of parent container false false false false
height Size outer height of widget false false false 30 false
width Size outer width of widget false false false 100 false

Styleable Properties

name type description defaultValue
backColor Color

usage (Syntax like CSS): - HEX Color code: #FFFFFF - rgba Component syntax: rgba(100,100,100,255) - transparent

 #FFFFFF
fontColor Color

usage (Syntax like CSS): - HEX Color code: #FFFFFF - rgba Component syntax: rgba(100,100,100,255) - transparent

 #000000
borderStyle BorderStyle

Style of the Border of the widget Possible Values: solid, dotted, none

 solid
borderWidth PixelVal

usage (Syntax like CSS):

  • single Value for all directions e.g. 2px
  • seperate Value for each direction e.g. 1px 2px 3px 4px
 0px
borderColor Color

usage (Syntax like CSS): - HEX Color code: #FFFFFF - rgba Component syntax: rgba(100,100,100,255) - transparent

 #000000
barBorderStyle BorderStyle

Style of the Border of the widget Possible Values: solid, dotted, none

 solid
barBorderWidth PixelVal

usage (Syntax like CSS):

  • single Value for all directions e.g. 2px
  • seperate Value for each direction e.g. 1px 2px 3px 4px
 1px
barBorderColor Color

usage (Syntax like CSS): - HEX Color code: #FFFFFF - rgba Component syntax: rgba(100,100,100,255) - transparent

 #383c3e
torBarBorderStyle BorderStyle

Style of the Border of the widget Possible Values: solid, dotted, none

 solid
torBarBorderWidth PixelVal

usage (Syntax like CSS):

  • single Value for all directions e.g. 2px
  • seperate Value for each direction e.g. 1px 2px 3px 4px
 0px
torBarBorderColor Color

usage (Syntax like CSS): - HEX Color code: #FFFFFF - rgba Component syntax: rgba(100,100,100,255) - transparent

 #383c3e
torBarBackColor Color #777777
torBarBackGround ImagePath none
torBarCornerRadius PixelVal 0px
torBarOpacity Opacity 1
settingBallBorderStyle BorderStyle

Style of the Border of the widget Possible Values: solid, dotted, none

 solid
settingBallBorderWidth PixelVal

usage (Syntax like CSS):

  • single Value for all directions e.g. 2px
  • seperate Value for each direction e.g. 1px 2px 3px 4px
 1px
settingBallBorderColor Color

usage (Syntax like CSS): - HEX Color code: #FFFFFF - rgba Component syntax: rgba(100,100,100,255) - transparent

 #444444
settingBallBackColor Color #cccccc
settingBallBackGround ImagePath none
previewBorderStyle BorderStyle

Style of the Border of the widget Possible Values: solid, dotted, none

 solid
previewBorderWidth PixelVal

usage (Syntax like CSS):

  • single Value for all directions e.g. 2px
  • seperate Value for each direction e.g. 1px 2px 3px 4px
 1px
previewBorderColor Color

usage (Syntax like CSS): - HEX Color code: #FFFFFF - rgba Component syntax: rgba(100,100,100,255) - transparent

 #444444
previewBackColor Color #cccccc
previewBackGround ImagePath none
previewCornerRadius PixelVal 0px
previewOpacity Opacity 1
previewTextColor Color

usage (Syntax like CSS):

  • HEX Color code: #FFFFFF
  • rgba Component syntax: rgba(100,100,100,255)
 #000000
previewTextAlign brease.enum.TextAlign

Alignment of the text:

  • left
  • center
  • right
 left
previewFontName FontName

Fontname of the text.

 Arial
previewFontSize PixelVal

Fontsize of the text in pixel. e.g 24px

 14px
previewBold Boolean

If true font style is bold

 false
previewPadding Padding

Padding of the Widget usage (Syntax like CSS):

  • single Value for all directions e.g. 2px
  • seperate Value for each direction e.g. 1px 2px 3px 4px
 3px
barColor Color

Background Color of bar

 #aaaaaa